<template>
  <div id="app">
    <b-navbar toggleable="md" type="dark" variant="dark" fixed="top">
      <b-nav-toggle target="nav_collapse"></b-nav-toggle>
      <b-navbar-brand to="/" v-html="netName"></b-navbar-brand>

      <b-collapse is-nav id="nav_collapse">
        <b-nav is-nav-bar>
          <b-nav-item to="/new_referral">新建介绍人</b-nav-item>
          <b-nav-item to="/new_user">新用户注册</b-nav-item>
          <b-nav-item to="/commision">提佣情况</b-nav-item>
          <b-nav-item to="/user_info">用户信息</b-nav-item>
          <b-nav-item to="/not_login">三天未登录</b-nav-item>
          <b-nav-item to="/dealer_info">坐庄情况</b-nav-item>
          <!-- <b-nav-item to="/modify_weight">修改权重</b-nav-item> -->
          <b-nav-item to="/recharge">充值</b-nav-item>
          <b-nav-item to="/abnormal">大老板审核</b-nav-item>
          <b-nav-item to="/judge">大老板结算</b-nav-item>
        </b-nav>
      </b-collapse>
    </b-navbar>
    <transition name="fade" mode="out-in">
      <keep-alive>
        <router-view style="padding-top: 56px;"></router-view>
      </keep-alive>
    </transition>
  </div>
</template>

<script>
import Config from './assets/global-config'
export default {
  name: 'app',
  data () {
    return {
      netName: Config.net_name
    }
  }
}
</script>

<style>
  .fade-enter-active, .fade-leave-active {
    transition: opacity .5s ease;
  }
  .fade-enter, .fade-leave-active {
    opacity: 0
  }
</style>
